<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="css/active.css"/>
		<link rel="stylesheet" type="text/css" href="css/goods_center.css"/>
	</head>
	<script type="text/javascript" src="layui/layui.js"></script>
	<script type="text/javascript">
		layui.use('laypage', function(){
		  var laypage = layui.laypage;
		  //执行一个laypage实例
		  laypage.render({
		    elem: 'test1', //注意，这里的 test1 是 ID，不用加 # 号
		    count: 50 ,//数据总数，从服务端得到
			theme: '#a80c0a'
			});
		});
		layui.use('carousel', function(){
		  var carousel = layui.carousel;
		  //建造实例
		  carousel.render({
		    elem: '#shuffling',
			width: '100%', //设置容器宽度
			height: '560px',
		    arrow: 'always', //始终显示箭头
			autoplay:false,
		    //,anim: 'updown' //切换动画方式
		  });
		});
	</script>
	<body>
		<div class="home-page">
			<!-- 轮播 -->
			<div class="shuffling">
				<div class="layui-carousel" id="shuffling">
				  <div carousel-item>
				    <div class="shuffling-img"><img src="img/001.jpg" ></div>
				    <div>条目2</div>
				    <div>条目3</div>
				    <div>条目4</div>
				    <div>条目5</div>
				  </div>
				</div>
			</div>
			<!-- 商品中心 -->
			<div class="recommended">
				<div class="recommended-item">
					<div class="recommended-item-list">
						<div class="recommended-item-list-img">
							<img src="">
						</div>
						<div class="goodsx-item-text">
							<div class="goodsx-item-name">参苓白术颗粒</div>
							<div class="goodsx-item-same">产地：<span>珠海联邦制药厂</span></div>
							<div class="goodsx-item-same">规格：<span>0.5mg/片*100/盒</span></div>
							<div class="goodsx-item-flex">
								<div>库存：<span>充裕</span></div>
								<div>件装：<span>100盒</span></div>
							</div>
							<div class="goodsx-item-same">销售包装：<span>50盒 </span></div>
							<div class="goodsx-item-data">效期：<span>2020.05.06</span></div>
							<div class="goodsx-item-money">
								<div class="goodsx-item-money-cu">促销价：<span>40</span></div>
								<div class="goodsx-item-money-kai">开单价：<span>80</span></div>
							</div>
							<div class="goodsx-item-addcart">
								<div class="goodsx-item-addcart-box"><i></i><span>加入购物车</span></div>
								<div class="goodsx-item-addcart-xx">
									<div>-</div>
									<input type="text" value="1">
									<div>+</div>
								</div>
							</div>
						</div>
					</div>
					<div class="recommended-item-list">
						<div class="recommended-item-list-img">
							<img src="">
						</div>
						<div class="goodsx-item-text">
							<div class="goodsx-item-name">参苓白术颗粒</div>
							<div class="goodsx-item-same">产地：<span>珠海联邦制药厂</span></div>
							<div class="goodsx-item-same">规格：<span>0.5mg/片*100/盒</span></div>
							<div class="goodsx-item-flex">
								<div>库存：<span>充裕</span></div>
								<div>件装：<span>100盒</span></div>
							</div>
							<div class="goodsx-item-same">销售包装：<span>50盒 </span></div>
							<div class="goodsx-item-data">效期：<span>2020.05.06</span></div>
							<div class="goodsx-item-money">
								<div class="goodsx-item-money-cu">促销价：<span>40</span></div>
								<div class="goodsx-item-money-kai">开单价：<span>80</span></div>
							</div>
							<div class="goodsx-item-addcart">
								<div class="goodsx-item-addcart-box"><i></i><span>加入购物车</span></div>
								<div class="goodsx-item-addcart-xx">
									<div>-</div>
									<input type="text" value="1">
									<div>+</div>
								</div>
							</div>
						</div>
					</div>
					<div class="recommended-item-list">
						<div class="recommended-item-list-img">
							<img src="">
						</div>
						<div class="goodsx-item-text">
							<div class="goodsx-item-name">参苓白术颗粒</div>
							<div class="goodsx-item-same">产地：<span>珠海联邦制药厂</span></div>
							<div class="goodsx-item-same">规格：<span>0.5mg/片*100/盒</span></div>
							<div class="goodsx-item-flex">
								<div>库存：<span>充裕</span></div>
								<div>件装：<span>100盒</span></div>
							</div>
							<div class="goodsx-item-same">销售包装：<span>50盒 </span></div>
							<div class="goodsx-item-data">效期：<span>2020.05.06</span></div>
							<div class="goodsx-item-money">
								<div class="goodsx-item-money-cu">促销价：<span>40</span></div>
								<div class="goodsx-item-money-kai">开单价：<span>80</span></div>
							</div>
							<div class="goodsx-item-addcart">
								<div class="goodsx-item-addcart-box"><i></i><span>加入购物车</span></div>
								<div class="goodsx-item-addcart-xx">
									<div>-</div>
									<input type="text" value="1">
									<div>+</div>
								</div>
							</div>
						</div>
					</div>
					<div class="recommended-item-list">
						<div class="recommended-item-list-img">
							<img src="">
						</div>
						<div class="goodsx-item-text">
							<div class="goodsx-item-name">参苓白术颗粒</div>
							<div class="goodsx-item-same">产地：<span>珠海联邦制药厂</span></div>
							<div class="goodsx-item-same">规格：<span>0.5mg/片*100/盒</span></div>
							<div class="goodsx-item-flex">
								<div>库存：<span>充裕</span></div>
								<div>件装：<span>100盒</span></div>
							</div>
							<div class="goodsx-item-same">销售包装：<span>50盒 </span></div>
							<div class="goodsx-item-data">效期：<span>2020.05.06</span></div>
							<div class="goodsx-item-money">
								<div class="goodsx-item-money-cu">促销价：<span>40</span></div>
								<div class="goodsx-item-money-kai">开单价：<span>80</span></div>
							</div>
							<div class="goodsx-item-addcart">
								<div class="goodsx-item-addcart-box"><i></i><span>加入购物车</span></div>
								<div class="goodsx-item-addcart-xx">
									<div>-</div>
									<input type="text" value="1">
									<div>+</div>
								</div>
							</div>
						</div>
					</div>
					<div class="recommended-item-list">
						<div class="recommended-item-list-img">
							<img src="">
						</div>
						<div class="goodsx-item-text">
							<div class="goodsx-item-name">参苓白术颗粒</div>
							<div class="goodsx-item-same">产地：<span>珠海联邦制药厂</span></div>
							<div class="goodsx-item-same">规格：<span>0.5mg/片*100/盒</span></div>
							<div class="goodsx-item-flex">
								<div>库存：<span>充裕</span></div>
								<div>件装：<span>100盒</span></div>
							</div>
							<div class="goodsx-item-same">销售包装：<span>50盒 </span></div>
							<div class="goodsx-item-data">效期：<span>2020.05.06</span></div>
							<div class="goodsx-item-money">
								<div class="goodsx-item-money-cu">促销价：<span>40</span></div>
								<div class="goodsx-item-money-kai">开单价：<span>80</span></div>
							</div>
							<div class="goodsx-item-addcart">
								<div class="goodsx-item-addcart-box"><i></i><span>加入购物车</span></div>
								<div class="goodsx-item-addcart-xx">
									<div>-</div>
									<input type="text" value="1">
									<div>+</div>
								</div>
							</div>
						</div>
					</div>
			
				</div>
			</div>
			<!-- 分页 -->
			<div class="paging">
				<div id="test1"></div>
			</div>
		</div>
	</body>
</html>
